@charset "utf-8";

/*************在线客服***************/


/*样式一css*/


.kefu{width: 190px;position: fixed;left: 0;top:34%;height: 100px;z-index: 999;}
.kefu .kefu_list{width: 150px;float: left;height: 346px;background: url(/qq/qq1/qq_bg.png) no-repeat;position: absolute;left: -150px;top: 0;}
.kefu_list ul{width: 127px;margin:57px  auto 0;}
.kefu_list ul li{width: 116px;height: 31px;margin-left: 6px;margin-right: 5px;background: url(/qq/qq1/q2.png) no-repeat;margin-top: 9px;text-align: center;overflow: hidden;}
.kefu_list ul li a{display:block;}
.kefu_list ul li img{margin-top: 7px;float: left;margin-left: 10px;}
.kefu_list ul li em{font-style: normal; float: left;margin-left: 4px;color: #333;font-size: 14px; line-height: 31px;float: left; }
.kefu_list ul li font{float: left;    margin-left: 20px;    line-height: 21px;}
.kefu_list ul li a:hover,.kefu_list ul li em:hover{color: #de1916;}
.kefu_phone{width: 112px;
height: 31px;
background: url(/qq/qq1/tel.png) no-repeat;
margin-left: 25px;
overflow: hidden;
font-size: 12px;
text-indent: 30px;
line-height: 31px;
margin-top: 3px;}
.kefu span{display: block;float: left;width: 36px;height: 149px;background: url(/qq/qq1/anniu333.png) no-repeat;position: absolute;left: 0;top: 61px;cursor: pointer;}
.kefu span.this{background: url(/qq/qq1/anniu3333.png)}
img.kefu_img{max-width: 90%;
    margin-left: 18px;
    margin-top: 13px;}

.kefu {
	width: 190px;
	position: fixed;
	left: 0;
	top: 34%;
	z-index: 999;
}

.kefu .kefu_list {
	width: 150px;
	float: left;
	height: 346px;
	/*background: url(qq1/qq_bg.png) no-repeat;*/
	/*position: absolute;left: -150px;top: 0;*/
	position: absolute;
	left: -150px;
	top: 0;
}

.kefu_list h2 {
	display: block;
	width: 100%;
	float: left;
	height: 49px;
	background: url(/qq/qq1/qq_bg_01.png) no-repeat;
	margin: 0;
}

.kefu_list h3 {
	display: block;
	width: 100%;
	float: left;
	background: url(/qq/qq1/qq_bg_05.png) no-repeat;
	height: 12px;
	margin: 0;
}

.kefu_ul1 {
	width: 100%;
	float: left;
	background: url(/qq/qq1/qq_bg_03.png) repeat;
}

.kefu_ul1 ul {
	padding-left: 13px;
	margin: 0;
}

.kefu_ul1 ul li {
	width: 116px;
	height: 31px;
	margin-left: 6px;
	margin-right: 5px;
	background: url(/qq/qq1/q2.png) no-repeat;
	margin-top: 9px;
	text-align: center;
	overflow: hidden;
}


/*.kefu_ul1 ul li a{display:block;}*/

.kefu_ul1 ul li img {
	margin-top: 7px;
	float: left;
	margin-left: 10px;
}

.kefu_ul1 ul li em {
	font-style: normal;
	float: left;
	margin-left: 4px;
	color: #333;
	font-size: 14px;
	line-height: 31px;
	float: left;
}

.kefu_ul1 ul li font {
	float: left;
	margin-left: 20px;
	line-height: 21px;
}

.kefu_ul1 ul li a:hover,
.kefu_ul1 ul li em:hover {
	color: #de1916;
}

.kefu_phone {
	width: 112px;
	height: 31px;
	background: url(/qq/qq1/tel.png) no-repeat;
	margin-left: 25px;
	overflow: hidden;
	font-size: 12px;
	text-indent: 30px;
	line-height: 31px;
	margin-top: 3px;
}

.kefu span {
	display: block;
	float: left;
	width: 36px;
	height: 149px;
	background: url(/qq/qq1/anniu333.png) no-repeat;
	position: absolute;
	left: 0;
	top: 61px;
	cursor: pointer;
}

.kefu span.this {
	background: url(/qq/qq1/anniu3333.png)
}

img.kefu_img {
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
}


/*样式二css*/

.izl-rmenu {
	position: fixed;
	right: 0;
	margin-right: 20px;
	bottom: 20px;
	padding-bottom: 20px;
	z-index: 99999;
}

.izl-rmenu .btn {
	width: 72px;
	height: 73px;
	margin-bottom: 1px;
	cursor: pointer;
	position: relative;
}

.izl-rmenu .btn-qq {
	background: url(/qq/qq2/r_qq.png) 0px 0px no-repeat;
	background-color: #6da9de;
}

.izl-rmenu .btn-qq:hover {
	background-color: #488bc7;
}

.btn-qq em {
	display: block;
	padding-top: 48px;
	font-style: normal;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.izl-rmenu a.btn-qq,
.izl-rmenu a.btn-qq:visited {
	background: url(/qq/qq2/r_qq.png) 0px 0px no-repeat;
	background-color: #6da9de;
	text-decoration: none;
	display: block;
}

.izl-rmenu .btn-wx {
	background: url(/qq/qq2/r_wx.png) 0px 0px no-repeat;
	background-color: #78c340;
}

.izl-rmenu .btn-wx:hover {
	background-color: #58a81c;
}

.izl-rmenu .btn-wx .pic {
	position: absolute;
	left: -160px;
	top: 0px;
	display: none;
	width: 160px;
	height: 160px;
}

.izl-rmenu .btn-phone {
	background: url(/qq/qq2/r_phone.png) 0px 0px no-repeat;
	background-color: #fbb01f;
}

.izl-rmenu .btn-phone:hover {
	background-color: #ff811b;
}

.izl-rmenu .btn-phone .phone_ {
	background-color: #ff811b;
	position: absolute;
	width: 160px;
	left: -160px;
	top: 0px;
	line-height: 73px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	display: none;
	overflow: hidden;
}

.izl-rmenu .btn-top {
	background: url(/qq/qq2/r_top.png) 0px 0px no-repeat;
	background-color: #666666;
	display: none;
}

.izl-rmenu .btn-top:hover {
	background-color: #444;
}


/*样式三css*/


/*.qqserver .qqserver-header:after,.qqserver .qqserver-header:before,.qqserver li a:after,.qqserver li a:before{display:table;content:' '}
.qqserver .qqserver-header:after,.qqserver li a:after{clear:both}
.qqserver .qqserver-header,.qqserver li a,.tabs,.user-main,.view-category,.view-category-list>li{*zoom:1}
.qqserver{position:fixed;top:50%;right:0;height:209px;margin-top:-104px;    z-index: 9999999;}
.qqserver.unfold .qqserver-body{right:0}
.qqserver .qqserver-body{position:absolute;right:-144px;width:122px;height:183px;padding:12px 10px;-webkit-transition:.3s cubic-bezier(.19,1,.22,1);-o-transition:.3s cubic-bezier(.19,1,.22,1);transition:.3s cubic-bezier(.19,1,.22,1);border:1px solid #62b651;border-radius:4px;background:#f4f7fa}
.qqserver .qqserver_fold{position:absolute;right:0;padding:14px 7px;cursor:pointer;border-top-left-radius:4px;border-bottom-left-radius:4px;background:#70ca5d}
.qqserver .qqserver-header{padding-bottom:10px;padding-left:6px;border-bottom:1px dashed #d1d4cc}
.qqserver .qqserver-header *{float:left}
.qqserver .qqserver_arrow{margin-top:-1px;margin-left:7px;cursor:pointer}
.qqserver li{margin-top:6px}
.qqserver li a{display:block;padding:6px 12px 4px}
.qqserver li a div{font-size:14px;float:left;margin-right:11px;color:#697466}
.qqserver li a span{font-size:12px;line-height:18px;float:left;text-indent:4px;color:#fff}
.qqserver li a span.qqserver-service-alert{font-weight:400;display:block}
.qqserver li a:hover{text-decoration:none;border-radius:4px;background:#eaebe9}
.qqserver li a:hover div{color:#62b651}
.qqserver .qqserver-footer{margin-top:10px;padding-top:14px;padding-bottom:14px;padding-left:0;border-top:1px dashed #d1d4cc}
.qqserver .qqserver-footer .text-primary{color:#70CA5D;font-size:14px;    overflow: hidden;}
.qqserver .qqserver_icon-alert{display:inline-block;margin-right:3px;vertical-align:-3px;*display:inline;*zoom:1;*vertical-align:-1px}
.qqserver-header div{width:90px;height:18px;background-image:url(/qq/qq3/lanren.png);background-position:-419px -80px}
.qqserver_icon-alert{width:16px;height:14px;background-image:url(/qq/qq3/lanren.png);background-position:-595px -85px}
.qqserver li a span{width:30px;height:23px;background-image:url(/qq/qq3/lanren.png);background-position:-265px 0}
.qqserver li a .qqserver-service-alert{width:30px;height:22px;background-image:url(/qq/qq3/lanren.png);background-position:-342px 0}
.qqserver_fold div{width:26px;height:132px;background-image:url(/qq/qq3/lanren.png);background-position:0 0}
.qqserver_fold:hover div{width:26px;height:132px;background-image:url(/qq/qq3/lanren.png);background-position:-27px 0}
.qqserver_arrow{width:18px;height:18px;background-image:url(/qq/qq3/lanren.png);background-position:-435px 0}
.qqserver_arrow:hover{width:18px;height:18px;background-image:url(/qq/qq3/lanren.png);background-position:-435px -38px}*/

.kefu_kf {
	width: 119px;
	position: absolute;
	right: 10px;
	top: 100px;
	z-index: 999;
}

.kefu_top {
	height: 66px;
}

.kefu_main {
	min-height: 50px;
	position: relative;
	padding-top: 10px;
}

.kefu_main ul {
	padding-left: 8px;
	margin-bottom: 5px;
}

.kefu_main ul.t {
	overflow: hidden;
}

.kefu_main ul.t li.e {
	text-align: center;
	line-height: 18px;
}

.kefu_main ul.t li.e span,
.kefu_main ul.t li.e strong {
	padding: 0 5px;
	display: block;
	font-size: 12px;
}

.kefu_main ul.t li.b {
	height: 40px;
}

.kefu_kf i.online {
	width: 103px;
	height: 35px;
	display: block;
}

.kefu_main ul.t li.lin {
	margin-bottom: 10px;
}

.kefu_main .mobileCode {
	width: 112px;
	padding-left: 3px;
	text-align: center;
	margin-bottom: 15px;
}

.kefu_main i.dimCode {
	width: 90px;
	height: 90px;
	border: 1px solid #dedede;
	display: block;
	margin: 3px auto;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.kefu_main i.dimCode img {
	display: block;
	width: 90px;
	height: 90px;
}

.kefu_main .mobileCode span,
.kefu_main div.mobileCode a {
	display: block;
	font-weight: 400;
}

.kefu_main .mobileCode a:hover {
	font-weight: 700;
}

.kefu_main .returnTop {
	height: 30px;
	position: relative;
}

.kefu_main .returnTop a {
	width: 32px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	top: 1px;
	left: 46px;
}

.kefu_main ul li.kefu_tell {
	text-align: center;
	line-height: 18px;
}

.kefu_main ul li.kefu_tell font,
.kefu_main ul li.kefu_tell span {
	display: block;
	font-size: 12px;
	width: 100%;
	font-weight: 600;
}

.kefu_kf_3 .kefu_top {
	background: url(/qq/qq3/kf_top.png) center top no-repeat;
}

.kefu_kf_3 .kefu_main {
	background: url(/qq/qq3/kf_bg.png) center bottom no-repeat;
}

.kefu_kf_3 i.online {
	background: url(/qq/qq3/qq_jt.gif) 0 0 no-repeat;
}

.kefu_kf_3 .returnTop a {
	background: url(/qq/qq3/kf_returntop.png) center bottom no-repeat;
}

.kefu_kf_3 li.kefu_tell span,
.kefu_kf_3 li.kefu_tell font,
.kefu_kf_3 div.mobileCode span {
	color: #6fba2c;
}


/*样式四 css*/


/*.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;position: relative;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;position: absolute;
top: 50%;
margin-top: -110px;
right: 4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;font-size: 12px;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(/qq/qq4/shopnc.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}*/


/*样式五 css*/

#qq_icon {
	width: 187px;
	height: 193px;
	background: url(/qq/qq4/qq_icon.png) no-repeat;
	position: fixed;
	right: -100px;
	top: 100px;
	cursor: pointer;
	z-index: 9999;
}

#cs_online {
	width: 217px;
	position: fixed;
	top: 150px;
	right: -220px;
	display: none;
	filter: alpha(opacity:0);
	opacity: 0;
	z-index: 9999;
}

.qq_context {
	float: left;
	list-style: none;
	margin-bottom: 0;
	padding-left: 36px;
	margin-top: 15px;
	min-height: 30px;
}

.qq_context li {
	width: 175px;
	height: 25px;
	margin-left: 5px;
	margin-top: 20px;
	float: left;
	overflow: hidden;
}

.span_t {
	display: block;
	float: left;
	color: #333;
	line-height: 25px;
	font-size: 14px;
	font-family: 'Arial';
}

.qq_context li a {
	float: left;
	display: block;
	width: 70px;
	height: 20px;
	background: url(/qq/qq4/online.png) no-repeat;
}

#cs_online i.cs_hd {
	position: absolute;
	top: 0;
	left: 0;
	width: 55px;
	height: 58px;
}

#cs_online i.cs_bg {
	display: block;
	width: 217px;
	height: 73px;
	background: url(/qq/qq4/qq_bg_01.png) no-repeat;
	/*position: absolute;top:0;left: 0;*/
	float: left;
}

#cs_online i.cs_bg2 {
	display: block;
	width: 217px;
	height: 15px;
	background: url(/qq/qq4/qq_bg_05.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}

.kefu_tel {
	margin-left: 42px;
	height: 24px;
	float: left;
	margin-top: 10px;
	position: absolute;
	bottom: 24px;
	left: 0;
}

.kefu_tel img {
	float: left;
}

.kefu_tel font {
	font-style: normal;
	float: left;
	margin-left: 10px;
	line-height: 28px;
	font-size: 16px;
}

.qq_ul {
	background: url(/qq/qq4/qq_bg_03.png) repeat;
	width: 218px;
	height: 244px;
	/* margin-top:59px;*/
	margin-left: 0;
	list-style: none;
	margin-bottom: 0;
	float: left;
}


/*样式五----------博雅*/
.qq_list{
	width: 126px;
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 11;
}
.qq_info{
	width: 126px;
}
.qq_hide_icon,.qq_btn,.qq_call,.qq_erweima,.qq_show{
	float: right;
}
.qq_hide_icon{
	background: url(/qq/qq5/qq_close.png) right center no-repeat;
	text-align: right;
	padding-right: 20px;
	color: #4c4c4c;
	font-size: 14px;
	margin-bottom: 5px;
}
.qq_btn{
	width: 98px;
	background-color: #0565c8;
	padding: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #035ab5;
}
.qq_btn a{
	width: 65px;
	height: 28px;
	display: block;
	padding-left: 33px;
	background-color: #fff;
	color: #0464c9;
	font-size: 14px;
	background-position: 10px center;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	line-height: 28px;
}
.qq_btn a.qq_num{
	background-image: url(/qq/qq5/qq_1.png);
}
.qq_btn a.jiage{
	background-image: url(/qq/qq5/qq_2.png);
}
.qq_btn a.yuyue{
	background-image: url(/qq/qq5/qq_3.png);
}
.qq_btn a.totop{
	background-image: url(/qq/qq5/qq_top.png);
}
.qq_call{
	width: 126px;
	/* height: 59px; */
	line-height: 24px;
	background-color: #0565c8;
	border-bottom: 1px solid #035ab5;
	padding: 6px 0;
}
.qq_call span{
	display: block;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
.qq_call h3{
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.qq_erweima{
	width: 126px;
	background-color: #0565c8;
	padding-top: 20px;
	padding-bottom: 5px;
}
.qq_erweima img{
	width: 90px;
	height: 96px;
	display: block;
	margin: 0 auto;
}
.qq_erweima span{
	display: block;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
.qq_show{
	width: 35px;
}
.qq_show a{
	width: 35px;
	height: 35px;
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}
.qq_show a.qq_show_icon{
	background-image: url(/qq/qq5/float_01.png);
}
.qq_show a.qq_num{
	background-image: url(/qq/qq5/float_02.png);
}
.qq_show a.jiage{
	background-image: url(/qq/qq5/float_03.png);
}
.qq_show a.yuyue{
	background-image: url(/qq/qq5/float_04.png);
}
.qq_show a.totop{
	background-image: url(/qq/qq5/float_05.png);
}
.qq_show a:hover{
	background-position: -37px center;
}